<template>
  <div class="layout" ref="layout">
    <div class="maxwh" v-if="appClassName">
      <WebPage />
    </div>
    <div class="maxwh" v-else>
      <MobilePage />
    </div>
  </div>
</template>
<script>
import WebPage from './web/index.vue';
import MobilePage from './mobile/index.vue';
import { mapState } from 'vuex';
export default {
  data() {
    return {};
  },
  computed: {
    ...mapState(['appClassName']),
  },
  components: { WebPage, MobilePage },
};
</script>
<style lang="less" scoped>
.layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
</style>